/* Unique language styling
   Update the standard font family from Source Sans Pro to Noto Naskh non latin/cyrillic text
   */

/* Arabic/Farsi .ar .fa */
@font-face {
    font-family: 'noto_nashk_regular';
    src: url('../fonts/international-text/NotoNaskhArabicUI-Regular.ttf') format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'noto_nashk_bold';
    src: url('../fonts/international-text/NotoNaskhArabicUI-Bold.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'cai_normal';
    src: url('../fonts/cairo.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'cai_bold';
    src: url('../fonts/cairo-bold.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'cai_light';
    src: url('../fonts/cairo-light.ttf') format('truetype');
    font-style: normal;
}


body.ar, body.ar div, body.ar span, body.ar input, body.ar form, body.ar label, body.ar textarea, body.ar option, body.ar select, body.ar a, body.ar h3, body.ar h5,
body.fa, body.ar div, body.ar span, body.fa input, body.fa form, body.fa label, body.fa textarea, body.fa option, body.fa select, body.fa a {
    font-family: 'cai_normal','noto_nashk_regular', 'source_sans_proregular' !important;
}

    body.ar .message.user-card-name, body.ar strong, body.fa strong,
    body.ar .startpage.square-block.animated.start-animation,
    body.fa .message.user-card-name,
    body.ar .bottom-page.top-title.mobile span,
    body.rtl .bottom-page.large-header.centered-txt .bold,
    body.rtl .bottom-page.top-title.white-text span,
    body.rtl .cmd-bg .bottom-page.top-title span,
    body.rtl .startpage.register.top-button.clickurl,
    body.rtl .startpage.square-bl-hover .txt .header,
    body.rtl .main-mid-pad.big-pad.register1 .main-italic-header {
        font-family: 'cai_bold','noto_nashk_bold', 'source_sans_prosemibold' !important;
    }


body.rtl .pages-nav-wrap .pages-nav.content-block,
body.rtl .bottom-page.top-title.mobile,
body.rtl .bottom-page.top-dark-info.medium,
body.rtl .bottom-page.top-description,
body.rtl .bottom-page.medium-txt.lato,
body.rtl button.no-l-space.create-business-acc-pp span,
body.rtl .bottom-page.content-cell,
body.rtl .bottom-page.slider-button.slide1,
body.rtl .bottom-page.slider-block,
body.rtl .bottom-page.business-header,
body.rtl .bottom-page.business-text,
body.rtl .bottom-page.horizontal-centered-bl.huge-pad.arrange-to-top.info.changed-order,
body.rtl .business-cell.business-table-txt,
body.rtl .ultra-huge-pad .business-big-header,
body.rtl .business-mid-header.left-txt-align,
body.rtl .business-txt-cols,
body.rtl .bottom-page.large-header.centered-txt,
body.rtl .bottom-page.big-link.scrolldown,
body.rtl .bottom-page.bott-pad.angle-pad.blue-bg,
/*body.rtl .bottom-page.full-block,*/
body.rtl .bottom-page.vertical-pull-up,
body.rtl .bottom-page.grey-blue-block.top-pad.bott-pad.sync-1,
body.rtl .cmd-bg .bottom-page.horizontal-centered-bl,
body.rtl .inline-block.col-2.cmd-pad .bottom-page.dark-title,
body.rtl .inline-block.col-2.cmd-pad .bottom-page.dark-txt,
body.rtl .top-login-warning,
body.rtl .bottom-menu.body .link,
body.rtl .bottom-menu .company-info,
body.rtl .membership-pad-bl .reg-st3-name-aligner span,
body.rtl .membership-st2-info .save-money,
body.rtl .main-mid-pad.third-section .reg-st3-txt-localcurrencyprogram,
body.rtl .mobile.main-block.park-account-change-password,
body.rtl .download.transfer-wrapper .download.checkbox-txt,
body.rtl .about.top-info,
body.rtl .subuser-sec-profile-container,
body.rtl .rtl-block-if-rtl,
body.rtl h1.step-main-question,
body.rtl .recover-account-body-text,
body.rtl .col-3.inline-block,
body.rtl .app-instruction-block option,
body.rtl .improved-recovery-steps .button-container,
body.rtl .improved-recovery-steps .info-container,
body.rtl .fm-left-panel.user-management,
body.rtl .user-management-view,
body.rtl .fm-right-header-user-management,
body.rtl .datepickers-container,
body.rtl .bottom-page.pricing-pg .bottom-page.full-block,
body.rtl .bottom-page .activates4 {
    direction: rtl;
}
body.rtl .bottom-page.blue-block.top-pad.bott-pad.mcmd-pg-p,
body.rtl button.right,
body.rtl .membership-pad-bl .reg-st3-name-aligner,
body.rtl .payment-options-list.primary,
body.rtl .register-st3-main-bl .membership-selected-block,
body.rtl .bus-reg-btn {
    direction: ltr;
}

body.rtl .bottom-page.slider-block,
body.rtl .business-big-header.left-txt-align,
body.rtl .bottom-page.horizontal-centered-bl.huge-pad.arrange-to-top.info.changed-order .bottom-page.business-text.top-pad,
body.rtl .business-cell.business-table-txt,
body.rtl .business-mid-header.left-txt-align,
body.rtl .horizontal-centered-bl.huge-pad .business-txt-cols .bottom-page.business-text,
body.rtl .horizontal-centered-bl.huge-pad .business-txt-cols .bottom-page.business-header,
body.rtl .big-bott-pad.sync-2 .bottom-page.business-header,
body.rtl .big-bott-pad.sync-2 .bottom-page.business-text,
body.rtl .big-bott-pad.sync-4 .bottom-page.vertical-centered-cell.left-cell,
body.rtl .inline-block.col-2.cmd-pad .bottom-page.dark-txt,
body.rtl .align-right-if-rtl,
body.rtl .improved-recovery-steps .park-account-checkbox label {
    text-align: right;
    text-align: justify;
}

body.rtl .horizontal-centered-bl.huge-pad .bottom-page.business-header,
body.rtl .horizontal-centered-bl.huge-pad .bottom-page.business-text,
body.rtl .about.top-info {
    text-align: center;
}
body.rtl .payment-section .payment-method .provider-name,
body.rtl .payment-section .membership-radio-label,
body.rtl .main-mid-pad.third-section .payment-instructions,
body.rtl .main-top-info-block .main-top-info-text {
    direction: rtl;
    text-align: left;
}

body.rtl .mobile .payment-section .payment-method .provider-name,
body.rtl .mobile .payment-section .membership-radio-label,
body.rtl .mobile .main-mid-pad.third-section .payment-instructions,
body.rtl .mobile .main-top-info-block .main-top-info-text,
body.rtl .info-block.recovery-key,
body.rtl .info-block.recovery-key .main-italic-header,
body.rtl .info-block.recovery-warning .main-italic-header {
    direction: rtl;
    text-align: unset;
}

/* Account settings */

body.rtl .fm-account-main {
    direction: rtl;
}

/* Side menu */

.rtl .top-menu-popup {
    direction: rtl;
}

/* Mega input for Arabic */

body.rtl .mega-input.title-ontop .mega-input-title {
    left: auto;
    right: 4px;
}
body.rtl .mega-input.title-ontop .message-container {
    text-align: right;
}
body.rtl .mega-input.title-ontop.halfSize-l .message-container, body.rtl .account.half-sized-block.full-sized-error .message-container {
    right: 4px;
    left: auto;
}
.ar .account.referral-value.euro {
    vertical-align: middle;
}
body.rtl .mega-input.title-ontop.with-icon {
    direction: rtl;
}
body.rtl .mega-input.title-ontop.with-icon .mega-input-title {
    right: 38px;
}
body.rtl .mega-input.title-ontop input, body.rtl .mega-input.title-ontop .dialog-input {
    direction: rtl;
}
body.rtl .mega-input.title-ontop input.strengthChecker {
    padding-left: 80px;
    width: 100%;
}
body.rtl .mega-input.title-ontop.strengthChecker .password-status {
    right: auto;
    left: 4px;
}
body.rtl .mega-input.title-ontop.strengthChecker.with-icon .password-status {
    right: auto;
    left: 38px;
}
body.rtl .mega-input.title-ontop.strengthChecker .password-status {
    right: auto;
    left: 4px;
}
body.rtl.mobile .mega-input.title-ontop input.strengthChecker {
    width: 100%;
    padding-right: 0;
}
body.rtl .mega-input.title-ontop.with-icon .account-pass-lines {
    margin-top: 10px;
}
body.rtl .mega-input.title-ontop.halfSize-l, body.rtl .half-sized-block.l {
    float: right;
}
body.rtl .mega-input.title-ontop.halfSize-r, body.rtl .half-sized-block.r  {
    float: left;
}
body.rtl .half-sized-block.l {
    padding: 0 0 0 16px;
}
body.rtl .half-sized-block.r {
    padding: 0 16px 0 0;
}
body.rtl .mega-input.title-ontop.halfSize-l.with-icon input {
    width: 100%;
}
body.rtl .mega-input.title-ontop.halfSize-l.with-icon + .halfSize-r input {
    width: calc(100% - 40px);
}

/* Megadrop related for Arabic */
body.ar .wu-stat .wu-total-curr {
    width: 50%;
}
body.ar .wu-stat .wu-total-speed {
    width: 35%;
}
body.ar .wu-stat .wu-total-perc {
    width: 15%;
}
body.ar .improved-recovery-steps .recover-button.yes::before {
    background-position: -133px -720px;
}

body.ar .improved-recovery-steps .recover-button.no::before {
    background-position: -133px -740px;
}
body.ar .improved-recovery-steps .recover-button.yes::before,
body.ar .improved-recovery-steps .recover-button.no::before {
    content: '';
    background-image: url(../images/mega/recover-account-sprite.png);
    background-repeat: no-repeat;
    background-size: 344px auto;
    display: inline-block;
    width: 20px;
    height: 11px;
    margin-left: 8px;
}
body.ar .improved-recovery-steps .recover-button.yes::after,
body.ar .improved-recovery-steps .recover-button.no::after {
    content: none;
}
body.ar .improved-recovery-steps .recover-button.yes.mega-button::before,
body.ar .improved-recovery-steps .recover-button.yes.red-button::before {
    content: none;
}

body.ar .improved-recovery-steps .checkbox-container .settings-row {
    overflow-y: hidden;
}

body.ar .user-management-account-settings .invoice-detail .invoice-container,
body.ar .user-management-account-settings .invoice-detail .invoice-button {
    width: 620px;
}

/* Cancel subscription benefits dialog */
body.ar .mega-dialog.cancel-subscription-benefits header h3 {
    text-align: right;
}

/* FM table view */

body.rtl table.fm.table-hover tr i.selected {
    left: unset;
    right: 2px;
}

body.rtl table.fm .item-type-icon {
    left: auto;
    right: 3px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    body.ar .improved-recovery-steps .recover-button.yes::before,
    body.ar .improved-recovery-steps .recover-button.no::before {
        background-image: url(../images/mega/recover-account-sprite@2x.png);
        background-size: 344px auto;
    }
}
